<!DOCTYPE html>
<!--[if lt IE 7 ]><html lang="zh-cn" class="ie6 ielt7 ielt8 ielt9"><![endif]--><!--[if IE 7 ]><html lang="zh-cn" class="ie7 ielt8 ielt9"><![endif]--><!--[if IE 8 ]><html lang="zh-cn" class="ie8 ielt9"><![endif]--><!--[if IE 9 ]><html lang="zh-cn" class="ie9"> <![endif]--><!--[if (gt IE 9)|!(IE)]><!-->
<html lang="zh-cn"><!--<![endif]-->
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta charset="utf-8" />
    <title>Online Judge System Of BUCT</title>
    <meta name="description" content="with selectable items(single &amp; multiple) and custom icons" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

    <link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/bootstrap.css" rel="stylesheet">
    <link href="__PUBLIC__/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/site.css" rel="stylesheet">
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/bootstrap.min.js"></script>
    <script src="__PUBLIC__/js/site.js"></script>
    <!--highChars-->
    <script type="text/javascript" src="__PUBLIC__/js/highcharts.js"></script>
    <!--表单数据验证-->
    <script src="__PUBLIC__/js/validate_form.js"></script>
    <!-- 时间插件-->
    <script src="__PUBLIC__/js/date/WdatePicker.js"></script>
    <!--<script src="__PUBLIC__/js/bootstrap-modal.js"></script>-->
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<script type="text/javascript">
    function exchange_tab(div1,div2){
        $('#'+div1).css({'display':'none'});
        $('#'+div2).css({'display':'block'});
    }
    //返回顶部
    window.onload = function(){
        var oTop = document.getElementById("to_top");
        var screenw = document.documentElement.clientWidth || document.body.clientWidth;
        var screenh = document.documentElement.clientHeight || document.body.clientHeight;
        oTop.style.left = oTop.offsetWidth +"px";
        oTop.style.top = screenh - oTop.offsetHeight+100 + "px";
        window.onscroll = function(){
            var scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
            if(scrolltop<=10){
                oTop.style.display = "none";
            }else{
                oTop.style.display = "block";
            }
            oTop.style.top = screenh - oTop.offsetHeight + scrolltop - 100 +"px";
        }
        oTop.onclick = function(){
            $('body,html').animate({scrollTop:0},1000);
            return false;
        }
    }
</script>
<style >
    .padding-left-nav{
        padding-left:0;
    }
    #to_top{
        width:30px; height:30px; padding:20px;
        font:14px/20px arial; text-align:center;
        position:absolute; cursor:pointer; color:#fff;
        background: url("__PUBLIC__/img/back-top.jpg");
        background-position:300px -30px;
    }
</style>
<body>

<div class="container">
    <!--start 注册登录-->
    <include file="Public:login" />
    <!--end 注册登录-->
    <div class="navbar">
        <div class="navbar-inner padding-left-nav">
            <div class="container">
                <div class="nav-collapse">
                    <ul class="nav">
                        <li></li>
                        <foreach name="menus" key="k"  item="v_m">
                            <li <if condition="$action eq $k">class="active"</if> >
                                <a href="{$v_m.url}"><i class="{$v_m.icon}"></i>{$v_m.tag}</a>
                            </li>
                        </foreach>
                    </ul>
                    <ul class="nav pull-right">
                        <empty name="session.user_id">
                            <li><a data-toggle="modal"  href="#login">Login</a></li>
                            <li><a data-toggle="modal" href="#register">Register</a></li>
                        <else/>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-user"></i>{$session.user_id}<b class="caret"></b></a>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a href="{:U('User/editInfo')}"><i class="icon-cog"></i>Personal information</a>
                                    </li>
                                    <li>
                                        <a href="{:U('User/index',array('id'=>$session['user_id']))}"><i class="icon-user"></i>{$session.user_id}</a>
                                    </li>
                                    <li>
                                        <a href="{:U('Mail/index')}"><i class="icon-envelope"></i>Mail({$mail_count})</a>
                                    </li>
                                    <li>
                                        <a href="{:U('Status/index',array('user_id'=>$session['user_id']))}"><i class="icon-list-alt"></i>Recent</a>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="{:U('User/logout')}">Logout</a></li>
                        </empty>

                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
    <!--start :container-->